/** ================== create/refresh button ================== */

#createRoomButton {
    -fx-pref-width: 30;
    -fx-pref-height: 30;
    -fx-background-color: #dbd9d8;
    -fx-border-width: 1;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
    -fx-border-color: #dbd9d8;
    -fx-cursor: hand;
    -fx-background-image: url("../image/add.png");
}

#refreshButton {
    -fx-pref-width: 30;
    -fx-pref-height: 30;
    -fx-background-color: #dbd9d8;
    -fx-border-width: 1;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
    -fx-border-color: #dbd9d8;
    -fx-cursor: hand;
    -fx-background-image: url("../image/refresh.png");
}

/** ================== title label ================== */

.title {
    -fx-pref-width: 600;
    -fx-pref-height: 40;
    -fx-border-color: black;
    -fx-border-width: 0 0 1 0;
}

.roomListTitle {
    -fx-font-size: 20;
}

/** ================== noRoomsTips Pane ================== */

.noRoomsTips {
    -fx-text-alignment: center;
    -fx-font-size: 25;
    -fx-text-fill: silver;
    -fx-opacity: 0.8;
}

/** ================== modal pane/label ================== */

#pvpModalPane,
#pveModalPane,
#simpleModalPane,
#normalModalPane,
#difficultModalPane {
    -fx-pref-width: 140;
    -fx-border-width: 0 0 1 0;
    -fx-border-color: silver;
    -fx-cursor: hand;
}

#pvpModalPane:hover,
#pveModalPane:hover,
#simpleModalPane:hover,
#normalModalPane:hover,
#difficultModalPane:hover {
    -fx-background-color: silver;
}

.modalButton {
    -fx-pref-height: 41;
    -fx-background-insets: 0;
    -fx-background-color: transparent;
    -fx-cursor: hand;
}

.pvpModalLabel {
    -fx-pref-width: 41;
    -fx-pref-height: 41;
    -fx-background-image: url("../image/pvp-icon.png");
    -fx-background-repeat: no-repeat;
}

.pveModalLabel {
    -fx-pref-width: 41;
    -fx-pref-height: 41;
    -fx-background-image: url("../image/pve-icon.png");
    -fx-background-repeat: no-repeat;
}

.simpleModalLabel {
    -fx-pref-width: 41;
    -fx-pref-height: 41;
    -fx-background-image: url("../image/simple-icon.png");
    -fx-background-repeat: no-repeat;
}

.normalModalLabel {
    -fx-pref-width: 41;
    -fx-pref-height: 41;
    -fx-background-image: url("../image/normal-icon.png");
    -fx-background-repeat: no-repeat;
}

.difficultModalLabel {
    -fx-pref-width: 41;
    -fx-pref-height: 41;
    -fx-background-image: url("../image/difficult-icon.png");
    -fx-background-repeat: no-repeat;
}

/** ================== room pane ================== */

#roomsPane {
    -fx-pref-height: 400;
    -fx-pref-width: 600;
}

.roomPane {
    -fx-pref-width: 150;
    -fx-pref-height: 120;
    -fx-border-color: #afadab;
    -fx-background-color: #dddbd8;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-cursor: hand;
}

.roomPane:hover {
    -fx-border-color: #3f91af;
}

.roomPane > .idLabel {
    -fx-font-size: 16;
    -fx-border-color: black;
    -fx-border-width: 0 0 1 0;
}

.roomPane > .roomOwnerLabel {
    -fx-pref-width: 30;
    -fx-pref-height: 30;
    -fx-background-image: url("../image/face_0.png");
}

.roomPane > .modalLabel {
    -fx-font-size: 30;
    -fx-text-fill: silver;
    -fx-opacity: 0.8;
}

.roomPane > .playerCountLabel {
}